<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <script src="js/jquery.min.js"></script>
</head>

<body>
  <script>
    // 本地存储
    let todolist = [{
      title: '我今天吃了八个馒头',
      done: false
    }, {
      tilte: '我今天学习jQuery',
      done: false
    },]; // 创建字典序型数组

    // localStorage.setItem(key, value) // 用于本地存储
    // 1. 本地存储里面只能存储JSON字符串的数据模式  把我们的数组对象转换为字符格式 JSON.stringify()
    localStorage.setItem("todo", JSON.stringify(todolist)) // 本地存储 将todolist转换成JSON字符串的格式进行存储
    let data = localStorage.getItem("todo")
    // localStorage.getItem(key) // 用于从本地存储中进行获取值
    console.log(typeof data)

    // 2. 获取本地存储数据 我们需要把里面的字符串数据转换成 对象格式 JSON.parse()
    data = JSON.parse(data) // JSON.parse(data) 用于将 JSON 格式的字符串 转换回 JavaScript 对象/数组
    console.log(data)
    console.log(data[0].title)

  </script>



  <!-- <script>
    var todolist = [{
      title: '我今天吃八个馒头',
      done: false
    }, {
      title: '我今天学习jq',
      done: false
    },];
    // localStorage.setItem("todo", todolist);
    // 1. 本地存储里面只能存储字符串的数据格式 把我们的数组对象转换为字符串格式 JSON.stringify()
    localStorage.setItem("todo", JSON.stringify(todolist));
    let data = localStorage.getItem("todo");
    console.log(typeof data);
    console.log(data[0].title);
    console.log(data) // 字典
    // 2. 获取本地存储的数据 我们需要把里面的字符串数据转换为 对象格式 JSON.parse()
    data = JSON.parse(data);
    console.log(data); // 数组
    console.log(data[0].title);
  </script> -->
</body>

</html>